.topList{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding:17upx 26upx;
	.item{
		width: 107upx;
		text-align: center;
		width: 20%;
		image{
			width: 107upx;
			height: 110upx;
			border-radius: 10upx;
			background-color: $base-color;
		}
		.title{
			font-size: 24upx;
			color: #333333;
		}
	}
}
.select{
	.title{
		color: $base-color!important;
	}
}
.banner{
	width: 700upx;
	margin: 0 auto;
}
.smList{
	width: 700upx;
	margin: 0 auto;
	margin-top: 20upx;
	border-radius: 20upx;
	background-color: #FFFFFF;
	padding: 19upx 28upx;
	.title{
		font-size: 21upx;
		color: #000000;
		font-weight: bold;
	}
	.list{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		// justify-content: space-between;
		margin-top: 19upx;
		.item{
			text-align: center;
			 width: 25%;
			image{
				margin: 0 auto;
				width: 127upx;
				height: 127upx;
				border-radius: 10upx;
				background-color: pink;
			}
			.name{
				font-size: 21upx;
				color: #666666;
			}
			.price{
				font-size: 21upx;
				color: $base-color;
			}
		}
	}
}
.moreHot{
	margin-top: 26upx;
	display: flex;
	align-items: center;
	justify-content: center;
	.title{
		font-size: 36upx;
		font-weight: 500;
		color: #787777;
		margin: 0 12upx;
	}
	.line{
		width: 95upx;
		height: 2upx;
		background-color: #787777;
	}
}
.goodsBox{
		padding: 20rpx;
		padding-top: 0;
		.box{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.items{
				border-radius: 10rpx;
				overflow: hidden;
				margin-top: 20rpx;
				flex: 1;
				background: #FFFFFF;
				image{
					width: 100%;
					// height: 345rpx;
					border-radius: 10rpx 10rpx 0 0;
				}
				.content{
					.title{
						view{
							text-overflow: -o-ellipsis-lastline;
							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 1;
							line-clamp: 1;
							-webkit-box-orient: vertical;
						}
						padding: 20rpx;
						padding-top: 10rpx;
					}
					.bottom{
						padding: 20rpx;
						padding-top:0rpx;
						display: flex;
						color: #FD4543;
						justify-content: space-between;
						align-items: center;
						.left{
							font-size: 24rpx;
							text{
								font-size: 35rpx;
								color: #FE5900;
							}
						}
						.right{
							font-size: 16upx;
							color: #949494;
							
						}
					}
				}
			}
		}
	}
